#recharge {
    @include flexbox();
    @include flex-direction(column);
    height: 100%;
    background: rgba(255,255,255,1);
    z-index: 1;
    .mc {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 90%;
        height: calc(100% - 45px);
        background: rgba(246,246,246,1);
        z-index: 2;
        div {
            width: 250px;
            height: auto;
            margin: 0 auto;
            padding-top: 150px;
            img {
                display: block;
                margin-left: 50%;
                transform: translateX(-35%);
            }
            p {
                margin-top: 15px;
                font-size: 17px;
                color: rgba(75,75,75,1);
                text-align: center;
            }
        }
    }
    header {
        @include flexbox();
		height: 45px;
        line-height: 45px;
        color: #fff;
        background: linear-gradient(to right, #2fd4ac,  #2fd492);
        i {
            width: 30px;
            background: url(image/icon_return.png) no-repeat center;
            background-size: 100%;
        }
        div {
            @include flex();
            margin-right: 30px;
            text-align: center;
            font-size: 18px;
        }
    }
    .border-8 {
        width: 100%;
        height: 8px;
        background: #F6F6F6;
    }
    &>img {
        margin: 30px auto;
    }
    p {
        text-align: center;
        color: rgba(51,51,51,1);
    }
    input {
        width:240px;
        height: 40px;
        line-height: 40px;
        margin: 10px auto;
        border: 1px solid rgba(188,187,187,1);
        text-align: center;
        font-size: 16px;
        border-radius: 6px;
        color: rgba(51,51,51,1);
    }
    ::-webkit-input-placeholder { /* WebKit browsers */ 
        color: rgba(156,156,156,1);
    } 
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
        color: rgba(156,156,156,1);
    } 
    ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
        color: rgba(156,156,156,1);
    } 
    :-ms-input-placeholder { /* Internet Explorer 10+ */ 
        color: rgba(156,156,156,1);
    } 
    .recharge {
        width:194px;
        height: 35px;
        line-height: 35px;
        margin: 20px auto;
        text-align: center;
        font-size: 17px;
        border-radius: 20px;
        background:linear-gradient(to right,#2fd4ac,#2fd492);
        color: rgba(255,255,255,1);
    }
}